<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <title></title>
    <link rel="stylesheet" href="../css/base.css" type="text/css" />
    <link rel="stylesheet" href="../css/style.css" type="text/css" />
</head>
<body>
<div class="">
    <div class="p20">
        <div class="index-top clearfix">
            <div class="fl">
                当前游戏：北京PC2.0
                <a href="javascript:;">刷新</a>
            </div>
            <div class="fr">
                <a href="javascript:;" class="ml30 j-sources">参考下注</a>
                <a href="javascript:;" class="j-score-up">上分</a>
                <a href="javascript:;" class="j-score-down">下分</a>
                <a href="javascript:;" class="j-tel">联系客服</a>
                <a href="javascript:;" class="j-rule">规则说明</a>
            </div>
        </div>
        <div class="index-bet">
            <ul class="clearfix">
                <li>
                    <input type="text" class="bet-text" placeholder="大" />
                    <p>4.0</p>
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="小" />
                    <p>4.0</p>
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="单" />
                    <p>4.0</p>
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="双" />
                    <p>4.0</p>
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="大双" />
                    <p>4.0</p>
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="小双" />
                    <p>4.0</p>
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="大单" />
                    <p>4.0</p>
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="小单" />
                    <p>4.0</p>
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="顺子" />
                    <p>4.0</p>
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="对子" />
                    <p>4.0</p>
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="豹子" />
                    <p>4.0</p>
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="龙虎斗_龙" />
                    <p>4.0</p>
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="龙虎斗_虎" />
                    <p>4.0</p>
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="龙虎斗_和" />
                    <p>4.0</p>
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="极小" />
                    <p>4.0</p>
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="极大" />
                    <p>4.0</p>
                </li>
            </ul>
            <ul class="bet-lit clearfix mt10">
                <li>
                    <input type="text" class="bet-text" placeholder="0" />
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="1" />
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="2" />
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="3" />
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="4" />
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="5" />
                    <p>4.0</p>
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="6" />
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="7" />
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="8" />
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="9" />
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="10" />
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="11" />
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="13" />
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="14" />
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="15" />
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="15" />
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="16" />
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="17" />
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="18" />
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="19" />
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="20" />
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="21" />
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="22" />
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="23" />
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="24" />
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="25" />
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="26" />
                </li>
                <li>
                    <input type="text" class="bet-text" placeholder="27" />
                    <p>4</p>
                </li>
            </ul>
        </div>
        <div class="plr50 mt15">
            <a href="javascript:;" class="c-btn c-btn-red">下注</a>
        </div>
    </div>
    
    <!--参考下注-->
    <div class="c-hide" id="sourceCon">
    	<ul class="source-list">
        	<li>
            	<div class="sl-div1">玩家一</div>
            	<div class="sl-div2">单 20 大双 30</div>
            	<div class="sl-div3">2019-02-01 00:00:44</div>
            </li>
        	<li>
            	<div class="sl-div1">玩家一</div>
            	<div class="sl-div2">单 20 大双 30</div>
            	<div class="sl-div3">2019-02-01 00:00:44</div>
            </li>
        	<li>
            	<div class="sl-div1">玩家一</div>
            	<div class="sl-div2">单 20 大双 30</div>
            	<div class="sl-div3">2019-02-01 00:00:44</div>
            </li>
        	<li>
            	<div class="sl-div1">玩家一</div>
            	<div class="sl-div2">单 20 大双 30</div>
            	<div class="sl-div3">2019-02-01 00:00:44</div>
            </li>
        	<li>
            	<div class="sl-div1">玩家一</div>
            	<div class="sl-div2">单 20 大双 30</div>
            	<div class="sl-div3">2019-02-01 00:00:44</div>
            </li>
        </ul>
        <a href="javascript:;" class="cl-more">加载更多</a>
    </div>
    <!--上分-->
    <div class="c-hide" id="scoreUp">
    	<div class="sp-con">
            <div class="sp-int">
                上分：<input type="text" class="sp-num" />
            </div>
            <div class="sp-pay">
                <label class="radio mr20 checked" data-toggle="radio">
                    <input type="radio" name="group" checked>
                    <i class="icon-radio"></i>微信
                </label>
                <label class="radio mr20" data-toggle="radio">
                    <input type="radio" name="group">
                    <i class="icon-radio"></i>支付宝
                </label>
                <label class="radio" data-toggle="radio">
                    <input type="radio" name="group">
                    <i class="icon-radio"></i>QQ
                </label>
            </div>
        </div>
    </div>
    <!--下分-->
    <div class="c-hide" id="scoreDown">
    	<div class="sp-con">
            <div class="sp-int">
                下分：<input type="text" class="sp-num" />
            </div>
            <div class="sp-pay">
                <label class="radio mr20 checked" data-toggle="radio">
                    <input type="radio" name="group" checked>
                    <i class="icon-radio"></i>微信
                </label>
                <label class="radio mr20" data-toggle="radio">
                    <input type="radio" name="group">
                    <i class="icon-radio"></i>支付宝
                </label>
                <label class="radio" data-toggle="radio">
                    <input type="radio" name="group">
                    <i class="icon-radio"></i>QQ
                </label>
            </div>
        </div>
    </div>
    <!--规则说明-->
    <div class="c-hide" id="rulePop">
    	<div class="rule-div">
        	<p>规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明</p>
        	<p>规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明</p>
        	<p>规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明</p>
        	<p>规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明规则说明</p>
        </div>
    </div>
</div>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../widget/nicescroll/3.6.0/js/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="../widget/placeholder/2.0.7/js/jquery.placeholder.min.js"></script>
<link rel="stylesheet" href="../widget/artDialog/4.1.7/css/artDialog.css" type="text/css" />
<script type="text/javascript" src="../widget/artDialog/4.1.7/js/artDialog.js"></script>
<script type="text/javascript" src="../js/base.js"></script>
<script type="text/javascript">
$(function(){
	//参考下注
	$('.j-sources').on('click',function(){
		art.dialog({
			lock: true,
			opacity:0.4,
			width: 480,
			title:'92668期 玩家购买情况',
			content: $('#sourceCon').get(0)
		});
	});
	//上分
	$('.j-score-up').on('click',function(){
		art.dialog({
			lock: true,
			opacity:0.4,
			width: 400,
			title:'上分',
			content: $('#scoreUp').get(0),
			ok: function () {
				alert('点击了确定');
			},
			cancel: true
		});
	});
	//下分
	$('.j-score-down').on('click',function(){
		art.dialog({
			lock: true,
			opacity:0.4,
			width: 400,
			title:'下分',
			content: $('#scoreDown').get(0),
			ok: function () {
				alert('点击了确定');
			},
			cancel: true
		});
	});
	//联系客服
	$('.j-tel').on('click',function(){
		art.dialog({
			lock: true,
			opacity:0.4,
			width: 300,
			padding: '50px 20px 60px 20px',
			title:'联系客服',
			content: '<div class="c-t-center">客服电话：15959049252</div>'
		});
	});
	//规则说明
	$('.j-rule').on('click',function(){
		art.dialog({
			lock: true,
			opacity:0.4,
			width: 500,
			title:'规则说明',
			content: $('#rulePop').get(0)
		});
	});
	
});
</script>
</body>
</html>